<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <script>
	    var html = document.getElementsByTagName('html')[0];
	    html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>大宗供应</title>
    <link rel="stylesheet" href="../static/css/Reset.css">
    <link rel="stylesheet" href="../libs/swiper/swiper.min.css">
    <link rel="stylesheet" href="../static/css/bs_detail.css" />
</head>
<body>
    <div class="wz_wrapper" id="bsDetail" v-cloak>
        <div class="wz_swiper">
            <div class="swiper-container wz_swiper2">
                <div class="swiper-wrapper" id="wz_sWrapper"></div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="supplyData">
        	<div class="swiper-title">               	
            	<div class="swiper-title-left" v-cloak v-bind:class="[detailsData.goodsName.length<17 ? 'line-height200' : 'line-height2']">{{detailsData.goodsName.length<31?detailsData.goodsName:detailsData.goodsName.substring(0,31)+"..."}}</div>
            	<div class="swiper-title-right">
            		<img src="../static/images/keepNum.png" alt="" />
            		<i v-cloak>{{detailsData.followNum}}</i>
            	</div>
            </div>
	        <div class="supplyGoods" v-cloak>
	        	<span v-if="detailsData.price&&detailsData.price!='0.00'&&detailsData.price!='0.0'&&detailsData.price!='0'" class="price"><i>¥{{detailsData.price}}</i>元/{{detailsData.unit}}</span>
				<span v-else class="price"><i>可议</i></span>
	        	<span class="qipi"><i>{{detailsData.rangeBegin}}</i>{{detailsData.unit}}起批</span>
	        </div>
        </div>
        <div class="wz_separate"></div>
        <div class="supplyDetail">
        	<div class="supplyDate" v-cloak>
        		<em>供货时间</em>
        		<span>{{detailsData.supplyTimeBegin}}至{{detailsData.supplyTimeEnd}}</span>
        	</div>
        	<div class="freight">
        		<em>运费</em>
        		<span v-cloak>{{detailsData.freightCharge}}</span>
        	</div>
        </div>
        <div class="wz_separate"></div>
        <div class="goods_2" v-cloak>
			<dl>
				<img class="farmImg" :src="detailsData.farmCoverPic" />
				<dt>
					<span>{{detailsData.farmName}}</span>
					<em><img src="../static/images/location.png" />临沂</em>
				</dt>
				<dd>
					<span>供应：苹果 土豆{{detailsData.farmRecReason}}</span>
					<a :href="'../wantBuy/farmDetail.html?id=' + detailsData.farmId">进入店铺</a>
				</dd>
			</dl>
		</div>
		<div class="wz_separate"></div>
		<div class="goods_3">
			<div class="bt3"><span>查看商品详情</span></div>
			<div class="cont3">
				<div id="detailImgs"></div>
				<p v-cloak>{{detailsData.detailsDesc}}</p>
			</div>
		</div>
		<!--footer-->
		<div class="h_50"></div>
		<div class="footer">
			<div class="keep" @click="fllowMethod"></div>
			<div class="phone"><a v-bind:href='"tel:"+detailsData.telephone'><span class="footZ foot022"></span><br/>{{detailsData.nickname}}(庄主)</a></div>
			<div v-if="detailsData.supplyStatus == '现货'" @click="goBuying" class="buying">立即购买</div>
			<div v-else class="buying gray">立即购买</div>
		</div>
		<!--loading组件-->
		<loading v-show="showLoading"></loading>
    </div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/bs_detail.js"></script>
</html>
